import TipTapEditor from "@/component/TipTapEditor";
import Veloce from "@/component/Veloce";
import styles from "./index.less";
import { useState } from "react";

export default function Page() {
  const [value, setValue] = useState("");
  const handleChatUpdate = (messageData, isComplete) => {
    const content = messageData?.chatContent;
    setValue(content);
  };
  return (
    <div className={styles.page}>
      <TipTapEditor value={value} />
      <Veloce onUpdate={handleChatUpdate} />
    </div>
  );
}
